*{
  padding:0;
  margin:0;
  word-break: break-all;
}
body{
  color:#666;
  font:14px Helvetica Neue,Helvetica,microsoft yahei,arial,STHeiTi,sans-serif;
  background:#fff;
  width: 100%;
}
i,em{font-style: normal}
p,h1,h2,h3,h4,h5,h6,ul,li,ol{
  padding:0;
  margin:0;
}
.lf{float:left;}
.rt{float:right;}
.clear{clear:both;}
ul,dl,dt,dd,ol,li{list-style:none;}
a{
  color:#666;
  text-decoration:none;
}
img{border: none;}
input,textarea,button{outline: none;font-size: 14px;}

@media (max-width: 1160px) {
  body, header {
    width: 1250px;
  }
}

.NameId:before,.SearchLabel input,.SLBtns,.AppendView,.el-table tr,.pages a,.AddCase .close,.AddLabel input,
.AddLabel .ts,.ThreeConTop:before,.AppendBtns button,.ContextZTTxt:before,.ContextZTBook:before,.APName:before,
.APAppend,.APLabelTo input,.APLabelTo .FilAlert,.PackageHead .rt,.PackageList ul li i,.PackageList ul li,
.TBClose,.TBYn>div,.MPSlice,.MPSlice i,.MPSlice em,.PMTabel table tbody tr,.PMTabel table tr td button,
.APSliceCon,.APSliceCon i,.APSliceCon em,.SaveText:before,.SaveText,.PriceSave .SaveTextCon ul li,
.PXStorage:before,.PXSlider ul li,.OnOff,.OnOff span,.ViewConTable tr,.BookNameCon input,.BookNameCon textarea,
.WhiteMed .close,.SureItem ul li:before,.RPCLabel textarea,.RPCLabel input,.ResetStyle ul li i,
.ResetImgListCon i,.CopyLabel input{
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.header:after,.view-top:after,.SearchCon:after,.pages:after,.AppendBook:after,.BuyNow:after,.APList:after,
.PackageHead:after,.PackageList ul:after,.TBTop:after,.dashed:after,.PreviewBtnList ul:after,
.InstallList ul:after,.InstallItemList ul li:after,.AppendShopping:after,.ViewTopCon:after,.fourBtns:after,
.BookNameCon:after,.RPTItem ul:after,.TopImg:after,.ResetNumber:after{
  content: ' ';
  display: table;
  clear: both;
}

/*  header  */
.app,body,html{
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-width: 1200px;
  font-size: 14px;
  color: #666;
}
.header{
  position: relative;
  box-sizing: border-box;
  padding: 0 20px;
  height: 60px;
  font-size: 12px;
  color: #fff;
  background-color: #2f3540;
  overflow: hidden;
}
.logo{
  display: inline-block;
  width: 191px;
  height: 100%;
  background: url(../images/logo.png) no-repeat;
  background-position: 0;
}
.Names{
  float: right;
  height: 100%;
  line-height: 60px;
  font-size: 0;
  cursor: pointer;
}
.Names img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.NameTxt{
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 25px;
}
.NameTxt_s2{
  font-size: 16px;
  color: #999;
}
/*  左侧导航栏  */
.SlideMeun{
  display: block;
  position: absolute;
  width: 66px;
  left: 0;
  top: 60px;
  bottom: 0;
  border-right: 1px solid #e3e8e9;
}
.SlideMeun ul{
  height: 100%;
  border-radius: 2px;
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: #fff;
}
.SlideMeun ul li a{
  display: block;
  text-align: center;
  height: 100px;
  line-height: 100px;
}
.SlideMeun ul li a div{
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.SlideMeun ul li a div i{
  width: 36px;
  height: 36px;
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
}
.SlideMeun ul li a div i.goods-lib{background-image: url(../images/goods-lib.svg);}
.SlideMeun ul li a div i.goods-lib-active{background-image: url(../images/goods-lib-actived.svg);!important;}
.SlideMeun ul li a:hover div i.goods-lib{background-image: url(../images/goods-lib-actived.svg);!important;}

.SlideMeun ul li a div i.goods{background-image: url(../images/goods.svg);}
.SlideMeun ul li a div i.goods-active{background-image: url(../images/goods-actived.svg);!important;}
.SlideMeun ul li a:hover div i.goods{background-image: url(../images/goods-actived.svg);!important;}

.SlideMeun ul li a div i.add-goods{background-image: url(../images/add-goods.svg);}
.SlideMeun ul li a div i.add-goods-active{background-image: url(../images/add-goods-actived.svg);!important;}
.SlideMeun ul li a:hover div i.add-goods{background-image: url(../images/add-goods-actived.svg);!important;}

.SlideMeun ul li a div i.orders{background-image: url(../images/orders.svg);}
.SlideMeun ul li a div i.orders-active{background-image: url(../images/orders-actived.svg);!important;}
.SlideMeun ul li a:hover div i.orders{background-image: url(../images/orders-actived.svg);!important;}

.SlideMeun ul li a div i.message{background-image: url(../images/message.svg);}
.SlideMeun ul li a div i.message-active{background-image: url(../images/message-actived.svg);!important;}
.SlideMeun ul li a:hover div i.message{background-image: url(../images/message-actived.svg);!important;}

.nav-next{
  display: block;
  margin-top: 10px;
  font-size: 12px;
}
.SlideMeun ul li.active .nav-next{color: #0093d4}
.SlideMeun ul li a:hover .nav-next{color: #0093d4}

.view-content{
  background: none repeat scroll 0 0 #f0f0f0;
  position: absolute;
  left: 0px;
  right: 0;
  top: 0px;
  bottom: 0;
  width: auto;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 1160px;
}
.good-lib-wrapper{
  padding: 30px 20px;
}
.view-top{
  margin-bottom: 30px;
  height: 36px;
}
.SearchCon{
  position: relative;
  float: left;
}
.SearchTxt{
  height: 36px;
  font-size: 0;
}
.SearchTxtList{
  position: absolute;
  top: 0;
  left: 0;
}
.SearchPre{
  font-size: 14px;
  position: relative
}
.NameId{
  width: 90px;
  height: 34px;
  line-height: 34px;
  color: #383838;
  padding-left: 15px;
  position: relative;
  cursor: pointer;
}
.NameId:before{
  content: '';
  position: absolute;
  right: 5px;
  top: 14px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 6px solid rgb(191,207,217);
}
.NameActive:before{
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.NameIdList{
  max-height: 205px;
  width: 105px;
  overflow: hidden;
  position: absolute;
  top: 36px;
  left: 0;
  background-color: #fff;
  padding: 10px 0;
  display: none;
  z-index: 200;
  border: 1px solid #e4eaf1;
  border-radius: 0 0 3px 3px;
}
.NameIdList ul{
  min-width: 125px;
  max-height: 185px;
  overflow-y: scroll;
}
.NameIdList ul li{
  font-size: 14px;
  padding: 8px 10px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #485c6a;
  height: 36px;
  line-height: 1.5;
  box-sizing: border-box;
  cursor: pointer;
}
.NameIdList ul li.active{
  background-color: #0093d4 !important;
  color: #fff;
}
.NameIdList ul li:hover{background-color: #e4eaf1}
.SearchLabel{display: inline-block;vertical-align: top}
.SearchLabel input{
  width: 203px;
  height: 34px;
  line-height: 34px;
  padding-left: 105px;
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 95% center;
  background-image: url("../images/fdj.png");
  font-size: 14px;
}
.SearchLabel input:focus{border: 1px solid #0093d4}
.SearchLabel input::-webkit-input-placeholder{
  font-size: 14px !important;
  color: rgb(191,207,217) !important;
}
.SLBtns{
  width: 60px;
  height: 35px;
  border: 0;
  text-align: center;
  line-height: 35px;
  color: #fff;
  background-color: #0093d4;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 10px;
  font-size: 14px;
}


.SLBtns:hover{opacity: 0.8}
.AppendView,.AppendBook,.APAppend,.PackageHead .rt,.MPSlice,.APSliceCon,.AppendShopping{
  float: right;
  width: 110px;
  height: 36px;
  font-size: 0;
  background-color: #0093d4;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
}
.AppendBook a,.AppendShopping a{display: block;color: #fff}
.AppendView:hover,.AppendBook:hover,.APAppend:hover{opacity: 0.8}
.AppendView i,.AppendView em,.AppendBook i,.AppendBook em,.APAppend i,.APAppend em,
.PackageHead .rt i,.PackageHead .rt em,.MPSlice i,.MPSlice em,.APSliceCon i,
.APSliceCon em,.AppendShopping i,.AppendShopping em{
  display: inline-block;
  vertical-align: top;
}
.AppendView i,.AppendBook i,.APAppend i,.PackageHead .rt i,.MPSlice i,.APSliceCon i,.AppendShopping i{
  width: 14px;
  height: 36px;
  line-height: 36px;
  font-size: 25px;
  margin-right: 5px;
}
.AppendView em,.AppendBook em,.APAppend em,.PackageHead .rt em,.MPSlice em,.APSliceCon em,.AppendShopping em{
  font-size: 14px;
  line-height: 36px;
}
/*  主体样式  */
.view-con{ border: 1px solid #edeef5;}
.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  font-size: 14px;
  color: #1f313d;
  table-layout: fixed;
}
.el-table tr {
  background-color: #fff;
}
.el-table thead th{background-color: rgb(238,242,246)}
.el-table thead tr th,.el-table tbody tr td{
  padding: 10px 0;
  height: 40px;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
}
.el-table tr .cell{
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: 24px;
  padding-left: 18px;
  padding-right: 18px;
}
.el-table thead tr th .cell{
  position: relative;
  word-wrap: normal;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  color: #383838;
  text-align: left;
}
.el-table tbody tr td{
  border-bottom: 1px solid #edeef5;
}
.el-table tr:hover {
  background-color: rgb(238,242,246);
}

.el-table button{
  border: none;
  color: #0093d4;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  cursor: pointer;
}
.el-table .btn_s1{margin-right: 10px}
.el-table .btn_s2{margin-left: 10px}
.el-table .el-table_1_column_10 button{margin-right: 30px;margin-left: 0}
.el-table tr td img{
  height: 80px;
  width: 80px;
}
.ImgCell .cell{overflow: inherit !important;}
.ImgCell img{
  vertical-align: middle;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.ImgCellMed{
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
  text-align: justify;
  line-height: 20px;
  font-size: 12px;
  color: #383838;
  background-color: #fff;
  z-index: 200;
  display: none;
  opacity: 0;
}
.ImgCellTxt{
  width: 220px;
  position: relative;
  padding: 10px;
}
.ImgCellTxtMain{
  width: 220px;
  height: 40px;
  overflow: hidden;
}
.ImgCellTxt:before{
  content: '';
  position: absolute;
  bottom: -7px;
  left: 115px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #fff;
}
.el-table__body-wrapper{
  overflow: auto;
  position: relative;
}
  /*  分页  */
.pages{
  text-align: right;
  font-size: 0;
  margin-top: 30px;
}
.pages .span1,.pages a{
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  color: #666;
}
.pages .span1{
  height: 28px;
  line-height: 28px;
  margin-right: 10px;
}
.pages a{
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border: 1px solid #d1dde5;
  box-sizing: border-box;
  border-radius: 3px;
}
.pages a.active{
  background-color: #0093d4;
  color: #fff;
}
.pages a:hover{
  background-color: #0093d4 !important;
  color: #fff !important;
}
.pages a.prev,.pages a.next{
  font-size: 20px;
  font-family: simsun;
  color: #999;
}
/*页面4 输入框三角形图标*/
.triangle-up{
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid rgba(34, 34, 34, 0.43);
  position: absolute;
  left: 95%;
  z-index: 5;
  top: 40%;
}
.triangle-down{
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid rgba(34, 34, 34, 0.43);
  position: absolute;
  left: 95%;
  z-index: 5;
  top: 40%;
}
/*页面4点击问号弹出界面*/
.main-pic-doc{
  color: #666;
  position: fixed;
  top: 47%;
  left: 40%;
  width: auto;
  height: 272px;
  margin: 0 auto;
  padding: 30px 0;
  box-sizing: border-box;
  background-color: #fff;
  opacity: 0;
  border-radius: 3px;
  z-index: 20;
  border: 1px solid #fff;
  box-shadow: 1px 1px 6px rgba(0,0,0,.2);
  padding: 20px 30px;
}
.main-content{
  font-size: 14px;
}
.main-style li{
  list-style:none; /* 将默认的列表符号去掉 */
  padding:0; /* 将默认的内边距去掉 */
  margin:0; /* 将默认的外边距去掉 */
  float:left; /* 往左浮动 */
  display:block; /* 将链接设为块级元素 */
  text-decoration:none; /* 去掉下划线 */
  padding-right: 20px;
}
.main-style img{
  width: 114px;
  height: 111px;
}
.main-style p{
  text-align: center;
}
.recordSize{
  margin-top: -10px;
}
/*点击2或3弹框*/
.tipsSave{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  background-color: rgba(0,0,0,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  z-index: 2222;
  display: none;
}
.saveTip{
  position: relative;
  top: 0;
  width: 420px;
  margin: 0 auto;
  padding: 30px 0;
  box-sizing: border-box;
  background-color: #fff;
  opacity: 0;
  border-radius: 3px;
}
.saveTip .h3{
  padding: 0 30px;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  color: #1f313d;
}
.saveTip .close{
  position: absolute;
  top: 30px;
  right: 30px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/close.png");
  cursor: pointer;
}
.saveTip .close:hover{  background-image: url("../images/close1.png");}



.wraning{
  background: #fffdf0;
  padding-left: 40px;
  line-height: 30px;
  border-top: 1px solid #f0f1f5;
  border-bottom: 1px solid #f6edd0;
  color: #e29e21;
  margin-bottom: 40px;
  background-repeat: no-repeat;
  background-position: 15px 4px;
  background-image: url("../images/wa.png");
}
.saveContent{
  padding: 30px 20px;
  color: #485c6a;
  font-size: 14px;
  position: relative;
}
.saveBtns{
  text-align: right;
  font-size: 0;
  margin-right: 20px;
}
.saveBtns button{
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  text-align: center;
  width: 60px;
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
}
.saveTo{
    border: 0;
    background-color: #0093d4;
    color: #fff;
}
.pagesaveTo{
  border: 0;
  background-color: #0093d4;
  color: #fff;
}
/*  弹出窗  */
.FixedBack{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  background-color: rgba(0,0,0,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  z-index: 80;
  display: none;
}
.AddCase{
  position: relative;
  top: 0;
  width: 540px;
  margin: 0 auto;
  padding: 30px 0;
  box-sizing: border-box;
  background-color: #fff;
  opacity: 0;
}
.AddCase .h3{
  padding: 0 30px;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  color: #1f313d;
  margin-bottom: 30px;
}
.AddCase .close{
  position: absolute;
  top: 30px;
  right: 30px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/close.png");
  cursor: pointer;
}
.AddCase .close:hover{  background-image: url("../images/close1.png");}
.wraning{
  background: #fffdf0;
  padding-left: 40px;
  line-height: 30px;
  border-top: 1px solid #f0f1f5;
  border-bottom: 1px solid #f6edd0;
  color: #e29e21;
  margin-bottom: 40px;
  background-repeat: no-repeat;
  background-position: 15px 4px;
  background-image: url("../images/wa.png");
}
.AddForm{padding: 0 30px;}
.AddLabel{font-size: 0;margin-bottom: 25px;position: relative}
.AddLabel span,.AddLabel input,.AddLabel .ts,.ThreeCon{
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  box-sizing: border-box;
  margin-right: 15px;
}
.AddLabel input{
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  width: 260px;
  padding-left: 10px;
}
.red{
  border: 1px solid #ff4949 !important;
}
.RexExp{
  position: absolute;
  left: 80px;
  top: 40px;
  font-size: 12px;
  color: #ff4949;
  display: none;
}
.RexExps{
  margin-left:80px;
  margin-top:5px;
  font-size: 12px;
  color: #ff4949;
  display: none;
}

.Prompt{
  margin-left: 110px;
  margin-top: 0px;
  font-size: 12px;
  color: #ff4949;
  display: none;
}

.AddPrompt{
  margin-left: 100px;
  margin-top: 0px;
  font-size: 12px;
  color: #ff4949;
  display: none;
}

.RexExpsMsg{
  line-height:5px;
  text-align:left;
  font-size: 12px;
  color: #ff4949;
  display: none;
}

.AddLabel input:focus{border: 1px solid #0093d4}
.AddLabel input::-webkit-input-placeholder{
  font-size: 14px !important;
  color: rgb(191,207,217) !important;
}
.AddLabel .ts{
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/help-normal.png");
  cursor: pointer;
  position: relative;
}
.AddLabel .ts:hover {background-image: url("../images/help-hover.png");}
.TsMed{
  position: absolute;
  width: 400px;
  background-color: #fff;
  font-size: 12px;
  line-height: 20px;
  top: 40px;
  left: -195px;
  border-radius: 3px;
  padding: 10px;
  box-shadow: 0 2px 3px 2px #999;
  display: none;
  opacity: 0;
  z-index: 100;
}
.TsMedH3{
  margin: 10px 0;
  font-size: 14px;
  color: #383838;
  position: relative;
}
.TsMedH3:before{
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: -32px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/topj.png");
}
.TopName i{color: red}
.ThreeCon{margin-right: 0;position: relative}
.AddLabel .ThreeConTop{
  width: 400px;
  height: 36px;
  line-height: 36px;
  /*border: 1px solid #bfcfd9 !important;*/
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  padding-left: 10px;
  color: #383838;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  margin-right: 0;
  padding-right: 20px;
}
.ThreeConTop:before{
  content: '';
  position: absolute;
  right: 5px;
  top: 14px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 6px solid rgb(191,207,217);
}
.ThreeList{
  position: absolute;
  top: 36px;
  left: 0;
  line-height: 1px;
  display: none;
}
.White{
  padding: 5px 0;
  background-color: #fff;
}
.ThreeList ul{
  height: 144px;
  overflow-y: scroll;
  box-sizing: border-box;
  min-width: 160px;
}
.ThreeList li{
  cursor: pointer;
  box-sizing: border-box;
}
.ThreeList li span{
  width: 100%;
  display: block;
  position: relative;
  height: 36px;
  padding: 0 30px 0 10px;
}
.ThreeList li>span:hover{background-color: #ddd;}
.ThreeList li.active>span:hover{
  background-color: #0093d4;
  color: #fff;
  opacity: 1 !important;
}
.ThreeList li.active>span:before{
  content: '';
  position: absolute;
  right: 8px;
  top: 13px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #bfcfd9;
}
.blue{
  background-color: #0093d4 !important;
  color: #fff !important;
  opacity: 0.9;
}
.tl_s1{position: relative;z-index: 999;}
.tl_s2,.tl_s3{
  position: absolute;
  top: 0;
  left: calc(100% + 0px);
  display: none;
  z-index: 999;
}
.tl_s3{left: calc(100% + 0px);}
.AppendBtns{
  margin-top: 50px;
  text-align: right;
  font-size: 0;
}
.AppendBtns button{
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  text-align: center;
  width: 60px;
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
}
.AppendClose,.ResetClose,.RNClose,.import_excel{
  margin-right: 15px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.AppendBtns .AppendClose:hover,.ResetClose:hover,.RNClose:hover.import_excel:hover{
  border: 1px solid #0093d4;
  color: #0093d4;
}

.AppendTo,.ResetToTxt,.RNTxt{
  border: 0;
  background-color: #0093d4;
  color: #fff;
}
.AppendBtns .AppendTo:hover,.ResetToTxt:hover,.RNTxt:hover{opacity: 0.8}
/*  页面2  */
.ContextZT{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.ContextZTTxt,.ContextZTBook,.APName{
  width: 220px;
  height: 36px;
  line-height: 36px;
  position: relative;
  padding-left: 10px;
  padding-right: 35px;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #bfcfd9;
  background-color: #fff;
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ContextZTTxt:before,.ContextZTBook:before,.APName:before{
  content: '';
  position: absolute;
  right: 10px;
  top: 14px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 6px solid rgb(191,207,217);
}
.ContextZT .NameIdList{width: 218px;}
.ContextZT .NameIdList ul{min-width: 245px;}
/*  页面三  */
.AddBook{
  margin: 30px;
  height: 600px;
  width: auto;
  background-color: #fff;
  box-shadow: 0 1px 10px rgba(0,0,0,.2);
}
.AddBookTxt{
  text-align: center;
  padding-top: 40px;
}
.AddBookTxt .h3{
  font-size: 24px;
  line-height: 24px;
  color: #333;
}
.AddBookTxt .h4{
  margin-top: 15px;
  font-size: 14px;
  line-height: 14px;
  color: #999;
}
.BuyNow{
  margin: 48px auto;
  width: 590px;
  text-align: center;
}
.single-wrapper .diagram{
  height: 318px;
  margin-bottom: 30px;
  background: url(../images/sli.png) no-repeat top;
}
.single-wrapper .diagram:hover{background: url(../images/sli-hover.png) no-repeat top;}
.BuyNow .btn {
  cursor: pointer;
  width: 200px;
  height: 36px;
  line-height: 36px;
  background-color: #0095d4;
  text-align: center;
  border-radius: 2px;
  font-size: 16px;
}
.BuyNow .btn a{
  display: block;
  color: #fff;
}
.BuyNow .btn:hover{box-shadow: 0 1px 10px rgba(0,0,0,.2);}
.BuyNow .documentation {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #999;
}
.multi-wrapper .diagram{
  height: 318px;
  margin-bottom: 30px;
  background: url(../images/sli2.png) no-repeat top;
}
.multi-wrapper .diagram:hover{background: url(../images/sli2-hover.png) no-repeat top;}
/*  页面四  */
.AddProducts{
  background: rgb(255, 255, 255);
  height: 60px;
  width: 100%;
  display: inline-block;
}
.APList{padding-left: 40px}
.APList li{
  float: left;
  width: 200px;
  height: 60px;
  line-height: 45px;
  color: #97adbe;
  font-weight: 400;
  position: relative;
  font-size: 0;
}
.APList li>span{
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  vertical-align: top;
}
.APList li.active{
  color: #485c6a;
  font-weight: 700;
}
.APList li.Act{color: #0095d4 !important;}
.APListPre{
  position: absolute;
  width: 28px;
  height: 28px;
  top: 44px;
  left: 0;
  border: 2px solid #bfcfd9;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.APList li.active .APListPre{
  color: #fff;
  background-color: #bfcfd9;
  font-weight: normal;
}
.APList li.Act .APListPre{
  background-color: #0095d4 !important;
  border: 2px solid #0095d4 !important;
  color: #fff !important;
}
.APListPre i{
  position: relative;
  display: block;
}
.APListPre i:before{
  content: '';
  position: absolute;
  top: 12px;
  left: 30px;
  width: 168px;
  height: 2px;
  background-color: #bfcfd9;
}
.APList li.Act .APListPre  i:after{
  content: '';
  position: absolute;
  top: 12px;
  left: 30px;
  width: 84px;
  height: 2px;
  background-color: #0095d4;
  z-index: 10;
}
.APList li.ActMain  .APListPre  i:after{
  content: '';
  position: absolute;
  top: 12px;
  left: 30px;
  width: 168px;
  height: 2px;
  background-color: #0095d4;
  z-index: 10;
}
.APList li.last .APListPre i:before{width: 0}
.APMain{padding: 40px 20px}
#APForms{
  margin-bottom: 60px;
  background: rgb(255, 255, 255);
  padding: 30px;
}
.APLabel,.APLabelTo{font-size: 0;}
.APLabelTo{margin-top: 20px}
.APLabel .span1,.APLabelTo .span1{
  display: inline-block;
  vertical-align: top;
  width: 72px;
  padding-right: 10px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #485c6a;
  text-align: right;
}
.rod{
  color: #ff4949;
  margin-right: 4px;
  display: inline-block;
  vertical-align: top;
}
.APLabel .ContextZT{margin-left: 0}
.APLabel .APAppend{
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-size: 14px;
}
.APLabel .APName{color: #8396a5}
.APWarning{
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 36px;
  margin-left: 20px;
  font-size: 12px;
  color: #8396a5;
}
.APLabelTo input{
  width: 510px;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  padding: 0 10px;
  border: 1px solid #bfcfd9;
}
.APLabelTo input:focus{border: 1px solid #0095d4}
.APLabelTo .FileName{display: none}
.APFile{
  display: inline-block;
  vertical-align: top;
}
.APLabelTo .FilAlert{
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #edeef5;
  background-color: #fbfdff;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/jia3.png");
  cursor: pointer;
  position: relative;
  z-index: 20;
}

.APLabelTo .FilAlert:hover{
  background-color: #f1f2f3;
  /*border:1px solid #0095d4;*/
}
.APLabelToS2 .APWarning{height: 100px;line-height: 100px}
.filValue{
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 6px;
  overflow: hidden;
}
.FileImg{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
}
.FileImg img{
  width: 100%;
  height: 100%;
}
.FileMedMain{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  display: none;
  background-color: rgba(0,0,0,.5);
}
.FileMedMain .FileMedCon{
  width: 100%;
  height: 36px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  background-color: #000;
  z-index: 50;
  border: 0;
  position: relative;
  top: 64px;
  cursor: pointer;
}
.APLabelToS2:hover .FileMedMain{display: block}
.APBtns{
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  background-color: #0095d4;
  color: #fff;
  border: 0;
  position: relative;
  top: 90px;
  cursor: pointer;
}
.Book5{margin: 30px 0}
.Book5 .APBtns{top: 0;}
.APBtns:hover{opacity: 0.8}
/*  页面5  */
.AddShopping{padding: 40px 20px}
.PackageHead{margin-bottom: 30px}
.PackageHead .lf{
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: left 8px;
  background-image: url("../images/gth.png");
  height: 36px;
  line-height: 36px;
}
.AddShopping .PackageHead .rt{
  font-size: 0;
  text-align: center;
  border: 1px solid #999;
  background-color: #fff;
  box-sizing: border-box;
}
.AddShopping .PackageHead .rt i,.AddShopping .PackageHead .rt em{color: #383838}
.AddShopping .PackageHead .rt:hover{border: 1px solid #0095d4}
.AddShopping .PackageHead .rt:hover i,.AddShopping .PackageHead .rt:hover em{color: #0095d4}
.PackageManager{
  background: #fff;
  border: 1px solid #d1dde5;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
}
.PackageList{
  height: 43px;
  border-bottom: 1px solid #d1dde5;
  margin-bottom: 30px;
}
.PackageList ul li{
  float: left;
  height: 43px;
  line-height: 44px;
  padding: 0 15px;
  background-color: #fff;
  cursor: pointer;
  color: #999;
  box-sizing: border-box;
}
.PackageList ul li:hover{color: #383838}
.PackageList ul li.active{
  color: #0095d4;
  height: 44px;
  margin-bottom: -1px;
  border-right: 1px solid #d1dde5;
  border-left: 1px solid #d1dde5;
}
.PackageList ul li .Icl{
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-image: url("../images/cl1.png");
  margin-left: 5px;
  background-size: 100%;
  position: relative;
  top: -1px;
  border-radius: 50%;
}
.PackageList ul li .Icl:hover{
  background-color: #97adbe;
  background-image: url("../images/cl2.png");
}
/*  删除弹出框  */
.TxtBack{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: none;
}
.TxtBackBg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.TxtBackPre{
  background-color: #fff;
  width: 420px;
  border-radius: 3px;
  font-size: 16px;
  margin: 0 auto;
  position: relative;
  top: 0;
  padding: 20px;
  box-sizing: border-box;
  opacity: 0;
}
.TBTop{
  font-size: 16px;
  font-weight: 700;
  color: #383838;
}
.TBClose{
  float: right;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/close.png");
  cursor: pointer;
}
.TBClose:hover{background-image: url("../images/close1.png");}
.TBText{
  color: #485c6a;
  margin: 30px 0;
}
.TBYn{font-size: 0;text-align: right}
.TBYn>div{
  font-size: 14px;
  width: 60px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.TBYn .TBNo{
  border: 1px solid #ddd;
  color: #666;
  background-color: #fff;
  margin-right: 10px;
}
.TBYn .TBNo:hover{
  color: #0095d4;
  border: 1px solid #0095d4;
}
.TBYn .TBYes{
  background-color: #0095d4;
  color: #fff;
}
#PMForm{padding: 0 30px 30px 30px}
.APLabelTo .PMPrice{
  width: 65px;
  border-radius: 3px 0 0 3px;
}
.MPSlice,.APSliceCon{
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  background-color: #fff;
  border: 1px solid #bfcfd9;
}
.MPSlice i,.MPSlice em,.APSliceCon i,.APSliceCon em{color: #383838}
.MPSlice:hover,.APSliceCon:hover{border: 1px solid #0093d4}
.MPSlice:hover i,.MPSlice:hover em,.APSliceCon:hover i,.APSliceCon:hover em{
  color: #0093d4;
}
.PMPriceDw{
  display: inline-block;
  width: 35px;
  vertical-align: top;
  border: 1px solid #bfcfd9;
  border-radius: 0 3px 3px 0;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #97adbe;
  background-color: #fafdfe;
  border-left: 0;
  font-size: 14px;
}
.dashed{margin-top: 30px;position: relative}
.dashed .lf{
  width: 45px;
  line-height: 15px;
  font-size: 12px;
  color: #383838;
  font-weight: 700;
  background-color: #fff;
  position: relative;
  z-index: 10;
}
.dashed .DashedNo{
  float: right;
  width: 30px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("../images/lj.png");
  background-color: #fff;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.DashedX{
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px dashed rgb(153, 153, 153);
}
.PMTabel{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 172px);
  border: 1px solid #bfcfd9;
  font-size: 14px;
  position: relative;
}
.PMTabel table tr th,.PMTabel table tr td{
  height: 47px;
  line-height: 47px;
  border-bottom: 1px solid #bfcfd9;
  color: #383838;
  box-sizing: border-box;
  text-align: left;
}
.PMTabel table tr th .cell,.PMTabel table tr td .cell{padding: 0 15px}
.PMTabel table tr td .cell input{
  width: 80%;
  height: 30px;
  line-height: 30px;
}
.PMTabel table tr td .cell .SXStr{
  width: 80px;
  border-radius: 18px;
}
.PMTabel table tr td .CellContent{
  font-size: 0;
  display: none;
}
.PMTabel table tr td .cells{
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.PMTabel table tr td .CellContent .SXStr{
  box-sizing: border-box;
  padding: 0 30px 0 10px;
}
.PMTabel table tr td .CellContent .CellsClose{
  position: absolute;
  top: 10px;
  right: 15px;
  width: 25px;
  height: 30px;
  border-radius: 0 15px 15px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/close1.png");
  background-size: 60%;
  cursor: pointer;
}
.cellTo{
  display: inline-block;
  font-size: 25px;
  vertical-align: top;
  cursor: pointer;
  padding: 0 15px;
}
.PMTabel table tr:last-child td{border-bottom: 0}
.TabelMed{
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: 46px;
  background-color: #fff;
  color: #383838;
  text-align: center;
  line-height: 46px;
}
.PMTabel table tbody tr:hover{background-color: #f6faff}
.PMTabel table tr td .BtnSp{padding: 0 15px;font-size: 0}
.PMTabel table tr td .BtnSp button{
  display: inline-block;
  font-size: 14px;
  color: #0093d4;
  background-color: #fff;
  border: 0;
  padding: 0 15px;
  height: 47px;
  line-height: 47px;
  vertical-align: top;
  cursor: pointer;
}
.PMTabel table tr td .BtnSp .SPOut{
  margin-left: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/close1.png");
  background-size: 55%;
}
.PMTabel table tbody tr:hover td button{background-color: #f6faff}
.APSliceTo{margin-top: 30px}
.IsClone{display: none}
/*  页面6  */
.PhoneTxt{position: relative;}
.PhoneMed{
  position: absolute;
  width: 417px;
  height: 658px;
  background: url(../images/phone.png) no-repeat;
}
.PhoneContent{
  border: 1px solid rgb(237, 238, 245);
  margin-left: 417px;
  height: 658px;
  box-sizing: border-box;
  background: rgb(255, 255, 255);
  position: relative;
}
.PMedCon{
  position: relative;
  margin: 45px 30px;
  width: 320px;
  height: 568px;
  overflow: hidden;
}
.OverLay{
  height: 568px;
  overflow-y: scroll;
  width: 335px;
  padding-right: 30px;
}
.LineOver{
  background: #f9f9f9;
  padding: 20px 10px;
  border-top: 1px solid #edeef5;
  border-bottom: 1px solid #edeef5;
}
/*.banner{margin-bottom: 20px}*/
.swiper-slide a{
  display: block !important;
  text-align: center !important;
  background-color: #fff;
}
.OverLayCon{
  background: rgb(45, 44, 50);
  overflow: hidden;
}
.OverLayPrice{
  text-align: center;
  position: relative;
  color: rgb(207, 42, 79);
  font-size: 0;
  padding: 10px 0;
}
.OverLayPrice span{
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  padding: 0 15px;
  background-color: rgb(45, 44, 50);
  z-index: 10;
  position: relative;
}
.OverLayPrice:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color:  rgb(207, 42, 79);
  left: 0;
  top: 20px;
  z-index: 5;
}
.OverLayBtn{
  width: 90%;
  height: 42px;
  line-height: 42px;
  margin: 0 auto;
  background-color: rgb(207, 42, 79);
  text-align: center;
  font-size: 18px;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 20px;
}
.ToDan{
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-top: 1px solid rgb(237, 238, 245);
  font-size: 16px;
  color: #666;
  border-bottom: 1px solid #ddd;
}
.RadioDan ul li{
  position: relative;
  padding-bottom: 20px;
  font-size: 16px;
  color: #383838;
  cursor: pointer;
  padding-left: 25px;
  border-bottom: 1px solid #eee;
  float:left;
  margin-left:5px;
}

.RadioDanShow{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../images/radio-actived.png");
  background-size: 65%;
  margin-left:5px;
}
.RadioDanNone{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../images/radio.png");
  background-size: 65%;
  margin-left:5px;
}

.NameMain{line-height: 50px;clear:both;}
.NameMain_s1{
  font-size: 16px;
  color: #383838;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}
.PriceTotal{
  font-size: 0;
  color: #383838;
  border-bottom: 1px solid #eee;
}
.PriceTotal .active{color: #999 !important;}
.PriceTotal i,.PriceTotal input,.PriceTotal .NowPrice{
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  height: 34px;
  line-height: 34px;
  text-align: center;
  box-sizing: border-box;
}
.PriceTotal i{
  width: 34px;
  border: 1px solid #ddd;
  cursor: pointer;
}
.PriceTotal .JumpPrice{border-radius: 3px 0 0 3px}
.PriceTotal .NumPrice{border-radius: 0 3px 3px 0}
.PriceTotal  input{
  width: 52px;
  border: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.PriceTotal .NowPrice{margin-left: 30px}
.PriceTotal .NowPrice span{
  color: rgb(207, 42, 79);
  font-size: 16px;
}
.PriceLabel{font-size: 0;margin-top: 20px}
.PriceLabel span{
  display: inline-block;
  font-size: 14px;
  width: 55px;
  height: 38px;
  line-height: 38px;
  vertical-align: top;
  text-align: right;
  color: #485c6a;
  padding-right: 10px;
  box-sizing: border-box;
}
.PriceLabel input{
  width: 240px;
  border: 1px solid #bfcfd9;
  height: 38px;
  line-height: 38px;
  padding-left: 10px;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff;
}
.PriceSave{
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.SaveText{
  width: 240px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  background-color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}
.SaveText:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 16px;
  right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgb(191,207,217);
}
.avt{border: 1px solid #0093d4}
.PriceSave .SaveTextCon{
  position: absolute;
  top: 38px;
  left: 0;
  width: 100%;
  max-height: 272px;
  font-size: 14px;
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  padding: 10px 0;
  background-color: #fff;
  z-index: 50;
  display: none;
}
.PriceSave .SaveTextCon ul{
  max-height: 252px;
  overflow-y: scroll;
  width: 255px;
}
.PriceSave .SaveTextCon ul li{
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}
.PriceSave .SaveTextCon ul li.active{
  background-color: #0093d4;
  color: #fff;
}
.PriceSave .SaveTextCon ul li:hover{
  background-color: #0093d4;
  color: #fff;
}
.PriceLabel .PriceNow{
  display: inline-block;
  vertical-align: top;
  width: 240px;
  height: 38px;
  line-height: 38px;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  color: #383838;
}
.PriceLabel .PriceNow:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../images/radio-actived.png");
  background-size: 65%;
}
.PriceLabel textarea{
  width: 240px;
  height: 60px;
  padding: 10px;
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  box-sizing: border-box;
  resize: none;
}
.PriceBtns{
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.PriceBtns button{
  width: 90%;
  color: rgb(255, 255, 255);
  background-color: rgb(207, 42, 79);
  height: 46px;
  /*line-height: 46px*/;
  border: 0;
  border-radius: 3px;
}
.CustomerTels{
  height: 46px;
  line-height: 46px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 70px;
}
.CustomerTels em{color: #0093d4}
.TelsQQ{
  display: block;
  position: absolute;
  right: 0;
  bottom: 20%;
  background: url(../images/qq_service.png) no-repeat;
  width: 60px;
  height: 60px;
  background-size: 60px;
}
.PreviewBtnList{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgb(207, 42, 79);
  text-align: center;
}
.PreviewBtnList ul{font-size: 0}
.PreviewBtnList ul li{
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  font-size: 14px;
}
.PreviewBtnList ul li a{
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  color: #fff;
}
/*  页面6 右边开始  */
.InstallList{
  padding-left: 30px;
  border-bottom: 1px solid #bfcfd9;
}
.InstallList>div{position: relative}
.InstallList ul li{
  float: left;
  padding: 0 16px;
  height: 42px;
  box-sizing: border-box;
  line-height: 42px;
  color: #8396a5;
  cursor: pointer;
  position: relative;
}
.InstallList ul li:hover{color: #383838}
.InstallList ul li.active{color: #0093d4}
.InstallBg{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 88px;
  height: 3px;
  background-color: #0093d4;
  z-index: 1;
}
.InstallMain{padding: 0 30px;display: none}
.TopImg{
  line-height: 50px;
  font-size: 12px;
  color: #999;
}
.TopImg em{
  font-size: 14px;
  color: #383838;
  font-weight: bold;
  padding-right: 30px;
}
.UploadImg{
  border: 1px solid #edeef5;
  padding: 10px;
  font-size: 0;
}
.UploadImg input,.UploadImg button,.UploadImg div{font-size: 14px}
.UploadImg .FilImgVal{
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 100px;
  margin: 0;
  line-height: 100px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/jia3.png");
  cursor: pointer;
}
.StorageImg{
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 100px;
  margin-right: 10px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  margin-bottom: 10px;
}
.StorageImg:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/ljt1.png");
  opacity: 0;
  cursor: pointer;
}
.StorageImg:hover:before{opacity: 1}

.StorageImg img{width: 100%;height: 100%}

.StorageImgs{
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 100px;
  margin-right: 10px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  margin-bottom: 10px;
}

.Storagegroupdatails{
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 100px;
  margin-right: 10px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  margin-bottom: 10px;
  float:left;
}

.Storagegroupdatails img{width: 100%;height: 100%}

.Storagegroupdatails:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/ljt1.png");
  opacity: 0;
  cursor: pointer;
}

.Storagegroupdatails:hover:before{opacity: 1}

.StorageImgs:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/ljt1.png");
  opacity: 0;
  cursor: pointer;
}
.StorageImgs:hover:before{opacity: 1}

.StorageImgs img{width: 100%;height: 100%}

.FilImgRea{
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
}
.FilImgReas{
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
}
.UploadImg .FileVal{
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  opacity: 0;
  cursor: pointer;
}
.BannerStep{
  padding: 10px 0;
  text-align: right;
  font-size: 0;
}
.RangeMain{
  display: inline-block;
  height: 36px;
  vertical-align: top;
  border: 1px solid #bfcfd9;
  background-color: #fff;
  font-size: 14px;
  border-radius: 3px;
  padding: 0 10px;
  margin-left: 10px;
  position: relative;
}
.RangeMain .hen{
  position: absolute;
  top: 17px;
  left: 10px;
  width: 235px;
  height: 3px;
  background-color: #bfcfd9;
}
.RangeMain input{
  -webkit-appearance: none;
  height: 36px;
  width:235px;
  box-sizing: border-box;
  border-radius: 3px;
}
.BannerStep input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 12px;
  width: 12px;
  border-radius: 6px;
  background: none repeat scroll 0 0 #bfcfd9;
  cursor: pointer;
  position: relative;
  z-index: 30;
}
.BannerStep input[type="range"]::-webkit-slider-thumb:hover{
  background: none repeat scroll 0 0 #0093d4;
}
.BannerStep span{
  display: inline-block;
  vertical-align: top;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
}
.BannerStep .span2{font-size: 0}
.BannerStep .span2 i,.BannerStep .span2 em,.BannerStep .span2 b{
  font-weight: normal;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  vertical-align: top;
}
.BannerStep .span2 i{
  padding: 0 8px;
  background-color: #eef2f6;
  color: #bbb;
  height: 30px;
  line-height: 33px;
  margin-top: 3px;
  border-radius: 3px;
  font-size: 14px;
}
.BannerStep .span2 em{
  line-height: 37px;
  color: #999;
  font-size: 16px;
  margin-right: 10px;
}
.BannerStep .span2 b{color: #bbb}
.InstallItem .ItemNav{
  line-height: 40px;
  color: #383838;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}
.InstallItemList ul li{border-bottom: 1px solid #eee;}
.InstallItemList ul li>div{
  float: left;
  text-align: center;
  height: 56px;
  line-height: 56px;
  padding-right: 30px;
  box-sizing: border-box;
}
.InstallItemList ul li.title>div{height: 36px;line-height: 36px}
.InstallItemList ul li>div input{
  width: 100%;
  height: 36px;
  line-height: 36px;
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  padding-left: 10px;
  box-sizing: border-box;
}
/*  拾色器  */
.ColorMain{
  display: inline-block;
  height: 36px;
  line-height: 36px;
  position: relative;
  border: 1px solid #bfcfd9;
  padding: 0 30px 0 10px;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 10px;
}
.ColorMain:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 5px;
  top: 14px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgb(191,207,217);
}
.color-box {
  width:20px;
  height:20px;
  border: 1px solid #bfcfd9;
  cursor: pointer;
  margin: 6px 0;
}
.PXInstall{position: relative;}
.PXStorage{
  text-align: left;
  height: 36px;
  line-height: 36px;
  padding: 0 30px 0 10px;
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  color: #383838;
  margin-top: 10px;
  cursor: pointer;
}
.PXStorage:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 5px;
  top: 16px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgb(191,207,217);
}
.PXSlider{
  position: absolute;
  top: 38px;
  left: 0;
  width: 100%;
  height: 272px;
  overflow: hidden;
  background-color: #fff;
  z-index: 30;
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 10px 0;
  display: none;
}
.PXSlider ul{
  width: calc(100% + 20px);
  overflow-y: scroll;
  height: 252px;
}
.PXSlider ul li{
  height: 36px;
  line-height: 36px;
  border: 0;
  cursor: pointer;
}
.PXSlider ul li:hover{background-color: #e4eaf1}
.PXSlider ul li.active{
  background-color: #0093d4;
  color: #fff;
}
.OnOff{
  width: 65px;
  height: 22px;
  line-height: 22px;
  border-radius: 11px;
  border: 1px solid #bfcfd9;
  box-sizing: border-box;
  font-size: 0;
  margin: 17px auto 0;
  background-color: #bfcfd9;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.OnOff.acc{background-color: #0093d4 !important;}
.OnOff span{
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  position: absolute;
  top:0;
}
.OnOff .span1{left: 10px}
.OnOff .span2{left: 25px;}
.OnOff .span1.acc{left: -70px !important;}
.OnOff .span2.acc{left: 70px !important}
.OnOff .clicle{
  left: 3px;
  top: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fff;
}
.OnOff .clicle.acc{left: 45px !important;}
.ThreeBtns{
  font-size: 0;
  margin: 20px 0 20px 417px;
  text-align: left;
}
.ThreeBtns button{
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  margin-right: 15px;
  background-color: #fff;
  border: 1px solid #bfcfd9;
  cursor: pointer;
}
.ThreeBtns button:hover{
  border: 1px solid #0093d4;
  color: #0093d4;
}
.ThreeBtns .BtnOne{
  background-color: #0093d4;
  border: 1px solid #0093d4;
  color: #fff;
}
.ThreeBtns .BtnOne:hover{
  opacity: 0.8;
  color: #fff;
}
.InstallMainS2,.InstallMainS3{
  padding-right: 40px;
  position: relative;
  margin-bottom: 20px;
}
.DeleteImg{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  text-align: center;
  color: #0093d4;
  cursor: pointer;
  opacity: 0.8;
}
.DeleteImg:hover{opacity: 1}
.AppendIT{font-size: 0;margin: 30px 0; clear:both;}
.AppendIT>div{
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  margin-right: 15px;
  padding-right:15px;
  height: 36px;
  line-height: 38px;
  position: relative;
  border: 1px solid rgb(102, 102, 102);
  border-radius: 3px;
  color:  rgb(102, 102, 102);
  cursor: pointer;
  box-sizing: border-box;
  padding-left: 35px;
}
.AppendIT>div:hover{border: 1px solid #0093d4}
.AppendIT .ConcatImg:before,.AppendIT .ConcatTxt:before,.AppendIT .ConcatCmp:before{
  content: '';
  position: absolute;
  left: 15px;
  top: 0;
  width: 15px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/img5.png");
}
.AppendIT .ConcatTxt:before{ background-image: url("../images/enzi.png");}
.AppendIT .ConcatCmp:before{background-image: url("../images/sp1.png");}
.InstallMainOver{
  height: 554px;
  overflow-y: scroll;
}
.edui-editor{margin-bottom: 25px !important;}
#ConcatTxt{display: none}
.ClickStyle{margin-top: 30px;}
.CSMain{
  font-size: 0;
  margin: 10px 0 20px 0;
}
.CSMain .CSConColor{
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin-right: 100px
}
.CSMain .CSConColor>span{
  display: inline-block;
  margin-right: 20px;
  height: 36px;
  line-height: 36px;
  vertical-align: top;
  margin-top: 10px;
}
.ItemNavS1{border-bottom: 0 !important;}
.ItemNavS1 .OnOff{
  display: inline-block;
  vertical-align: top;
  margin: 10px 0 0 20px;
}
/*  页面7  */
.ProblemTxt{
  float: left;
  position: relative;
  padding-left: 30px;
  color: #999;
  padding-right: 50px;
  border-right: 1px solid #ddd;
}
.ProblemTxt span{
  display: block;
  height: 36px;
  line-height: 36px;
  position: relative;
}
.ProblemTxtMed{
  position: absolute;
  bottom: 36px;
  left: 0;
  width: 100%;
  padding: 10px;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #ddd;
  z-index: 300;
  color: #666;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
  display: none;
}
.PTMCon{position: relative}
.PTMCon:before{
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 10px;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid #bbb;
}
.Doubel{
  padding-left: 50px;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-image: url("../images/duplicate-order.png");
  border-right: 0 !important;
}
.fourBtns{float: right;position: relative}
.fourBtns .fourBtnsCon,.fourBtnsCons3{
  float: left;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 34px;
  line-height: 36px;
  padding: 0 10px;
  background-color: #fff;
  margin-left: 15px;
  cursor: pointer;
}
.fourBtns .fourBtnsCon:hover,.fourBtnsCons3:hover{
  border: 1px solid #0093d4;
  color: #0093d4;
}
.fourBtnsCons4{margin-left: 100px !important;}
.fourBtnsCons3{
  position: absolute;
  left: 210px;
  top: 0;
}
.ViewConTable{
  position: relative;
  margin-top: 40px;
  background-color: #fff;
}
.ViewConTable td,.ViewConTable th{
  padding: 5px 16px;
}
.ViewConTable .blo{
  min-height: 25px;
  line-height: 25px;
}
.ViewConTable .cur{
  color: red;
  min-height: 25px;
  line-height: 25px;
}
.VCTable{
  position: relative;
  z-index: 9;
  overflow-x: scroll;
}
.ViewConTableRt{
  width: 160px;
  overflow-x: hidden;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  border-left: 1px solid #ddd;
  box-shadow: -1px 0 8px #d3d4d6;
  z-index: 30;
  background-color: #fff;
}
.ViewConTableRt table{
  table-layout: fixed;
}

.ViewConTableRt th,.VCTable th{color: #383838}
.ViewConTableRt tr button{
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #0093d4;
  border: 0;
  cursor: pointer;
  background-color: transparent;
}
.ViewConTableRt .AppImg{
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/enzi.png");
}
.ViewConTableRt .ActImg{background-image: url("../images/enzi2.png");!important;}

.ViewConTable th{background-color: #f6faff}
.ViewConTable .tr-hover{background-color: #f6faff !important;}
.visu{visibility: hidden}
/*  页面7新增蒙版  */
.AppshpMed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background-color: rgba(0,0,0,.5);
  z-index: 500;
  padding: 30px 0;
  display: none;
}
.WhiteMed{
  width: 700px;
  margin: 0 auto;
  padding: 40px 20px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  opacity: 0;
  position: relative;
}
.WhiteMed .h3{
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  color: #1f313d;
  margin-bottom: 40px;
}
.BookNameCon{font-size: 0;margin-bottom: 25px}
.BookNameCon .ContextZT{margin-left: 0}
.BookNameCon .ContextZTTxt{width: 260px;}
.BookNameCon .ContextZT .NameIdList{width: 258px}
.BookNameCon .ContextZT .NameIdList ul {min-width: 275px;}
.SpanMain{
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  height: 36px;
  line-height: 36px;
}
.BookNameCon .span1{
  width: 85px;
  padding-right: 10px;
  text-align: right;
}
.BookNameCon .span2{margin-left: 10px}
.BookNameCon textarea{
  width: 498px;
  height: 33px;
  border: 1px solid #ddd;
  background-color: #fff;
  resize: none;
  padding: 10px;
  border-radius: 3px;
}
.BookNameCon .PriceTotal{
  border-bottom: 0;
  display: inline-block;
  vertical-align: top;
}
.BookNameCon .APLabelTo{
  display: inline-block;
  vertical-align: top;
  margin-left: 50px;
  margin-top: 0;
}
.BookNameCon .APLabelTo .PMPrice{width: 118px;}
.BookNameCon input:focus,.BookNameCon textarea:focus{border: 1px solid #0093d4}
.BookNameConS1 input {
  width: 508px;
  height: 34px;
  line-height: 34px;
  padding-left: 10px;
  border: 1px solid #bfcfd9;
  background-color: #fff;
  border-radius: 3px;
}
.BookNameCon .AddLabel{
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}
.BookNameCon .AddLabel .ThreeConTop{width: 208px}
.BookNameBtns{margin-top: 60px;font-size: 0;text-align: right}
.WhiteMed .close{
  position: absolute;
  top: 30px;
  right: 30px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/close.png);
  cursor: pointer;
}
.WhiteMed .close:hover{background-image: url("../images/close1.png")}
/*  批量修改蒙版  */
.ResetMed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background-color: rgba(0,0,0,.5);
  z-index: 500;
  display: none;
}
.ResetPre,.ResetPres,.ResetPreCon{
  position: relative;
  width: 455px;
  margin: 0 auto;
  padding: 30px 0;
  background-color: #fff;
  border-radius: 5px;
  top: 0;
  opacity: 0;
  display: none;
}
.ResetPreThree{width: 700px}
.ResetPreCon{margin-bottom: 100px}
.HMore3{
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  color: #1f313d;
  margin-bottom: 40px;
  padding: 0 20px;
}
.cancelclose,.closeMore,.Getclose{
  position: absolute;
  top: 30px;
  right: 30px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/close.png);
  cursor: pointer;
}
.cancelclose:hover,.closeMore:hover,.Getclose:hover{background-image: url("../images/close1.png")}
.REWarning{
  background: rgb(253, 252, 242);
  color: rgb(153, 153, 153);
  font-size: 12px;
  border: 1px solid rgb(237, 238, 245);
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 30px;
}
.sure{padding: 0 20px;}
.SureItem{font-size: 0}
.SureItem ul li{
  display: inline-block;
  font-size: 14px;
  color: #383838;
  width: 115px;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  margin: 0 0 20px 20px;
  cursor: pointer;
  padding-left: 25px;
  box-sizing: border-box;
  position: relative;
}
.SureItem ul li:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #bfcfd9;
  border-radius: 50%;
  box-sizing: border-box;
}
.SureItem ul li.active:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 6px solid #0093d4;
  border-radius: 50%;
  box-sizing: border-box;
}
.ProblemSure{
  color: #485c6a;
  padding: 0 20px;
}
/*  批量发货  */
.RPTItem{padding: 0 20px}
.RPTItem ul li{
  float: left;
  text-align: center;
  width: 150px;
  margin-right: 0;
}
.RPTItem ul li.child{
  margin-right: 20px;
}
.RPTItem ul li dt{
  width: 49px;
  height: 49px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
}
.RPTItem ul li dt.m1{background-image: url("../images/upload-order-step1.png")}
.RPTItem ul li dt.m2{background-image: url("../images/upload-order-step2.png")}
.RPTItem ul li dt.m3{background-image: url("../images/upload-order-step3.png")}
.RPTItem ul li dt.m4{background-image: url("../images/upload-order-step4.png")}
.RPTItem ul li dd em{
  display: block;
  color: #383838;
  line-height: 25px;
}
.RPTItem ul li dd .em1{margin: 15px 0;}
.RPTItem ul li dd .em2{color: #666}
.TiaoNum{
  color: rgb(153, 153, 153);
  margin: 30px 0;
}
.Txtfile{
  color: #fff;
  background-color: #0093d4;
  border-radius: 3px;
  border: 0;
  padding: 0 30px;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}
.ResetClose1{
  background-color: #0093d4;
  color: #fff !important;
}
/*  table表格备注弹出框  */
.ResetPres{width: 460px;}
.ResetPres form{padding: 0 20px}
.ResetPres .BookNameCon .bztxt{
  width: 100%;
  height: 68px;
  box-sizing: border-box;
}
/*  编辑订单  */
.RPCTxtItem{padding: 0 20px}
.RPCTxtItem .col1{
  margin-bottom: 20px;
  color: #485c6a;
  padding: 0 6px;
  font-size: 0;
}
.RPCTxtItem .col1 em{
  display: inline-block;
  vertical-align: top;
  height: 24px;
  line-height: 24px;
  padding-left: 20px;
  font-size: 14px
}
.RPCTxtItem .col1 span{
  display: inline-block;
  vertical-align: top;
  width: 85px;
  height: 24px;
  line-height: 24px;
  text-align: right;
  font-size: 14px;
}
.RPCLabel{margin-bottom: 25px}
.RPCLabel textarea{
  padding: 10px;
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  width: 498px;
  height: 58px;
  resize: none;
  margin-left: 20px;
}
.RPCLabel input{
  padding-left: 10px;
  width: 508px;
  border: 1px solid #bfcfd9;
  border-radius: 3px;
  height: 36px;
  line-height: 36px;
  margin-left: 20px;
}
.RPCTxtItem .BookNameCon .span1{margin-right: 15px}
.RPCTxtItem .BookNameCon .APLabelTo{margin-left: 103px}
.RegExp{
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 36px;
  margin-left: 20px;
  font-size: 14px;
}
.RPCLabel .ContextZT{margin-left: 20px}
.RPCLabel .ContextZTBook{width: 145px}
.RPCLabel .ContextZT .NameIdList{width: 143px}
.RPCLabel .ContextZT .NameIdList ul{width: 160px}

.RPCLabel .SpanMain{width: 85px;text-align: right}
.kudinum{
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
}
.kudinum .KDNumber{width: 218px}
.RPCLabel textarea:focus,.RPCLabel input:focus{border: 1px solid #0093d4}
.Isoppend{
  width: 80px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.Isoppend:before{
  content: '';
  position: absolute;
  top: 3px;
  right: 0;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/enzi2.png");
  opacity: 0;
}
.Isoppend:hover{color: #0093d4}
.Isoppend:hover:before{opacity: 1}
/*  头部添加日历  */
.SearchTimes{
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  font-size: 14px;
}
.SearchTimes input{
  width: 218px !important;
  height: 34px !important;
  line-height: 34px !important;
  border: 1px solid #bfcfd9;
  border-radius: 3px !important;
  padding: 0 25px 0 10px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  background-color: #fff !important;
  background-repeat: no-repeat;
  background-position: 98% center;
  background-image: url("../images/rili.png");
}
/*  页面8左边图片列表  */
.ImgItem img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.TopImg .bj5{
  float: right;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../images/bj5.png");
  cursor: pointer;
  font-weight: 100;
  font-size: 14px;
  color: #383838;
}
.ConcatSPAppendMain{text-align: center;margin-bottom: 25px;position: relative;border: 1px solid rgb(237, 238, 245);}
.CSPAMTxt{
  border: 1px solid rgb(237, 238, 245);
  border-radius: 3px;
  padding: 10px;
  line-height: 90px;
  cursor: pointer;
  position: relative;
}
.CSPAMTxts{
  border-radius: 3px;
  padding: 10px;
  line-height: 90px;
  cursor: pointer;
  position: relative;
  float:left;
  margin-bottom:15px;
}
.ConcatSPAppendMain i{
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/jia3.png");
  background-size: 70%;
  margin-right: 20px;

}
.CSPDlete{
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 14px;
  color: #0093d4;
  transform: translateY(-50%);
  cursor: pointer;
}
/*  页面8编辑弹出框  */
.GetTogether{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background-color: rgba(0,0,0,.5);
  z-index: 300;
  display: none;
}
.GetTogetherPre{
  position: relative;
  background-color: #fff;
  width: 880px;
  margin: 0 auto;
  border-radius: 5px;
  box-sizing: border-box;
  top: 0;
  opacity: 0;
  display: none;
  padding-bottom: 30px;
  margin-bottom: 60px;
}
.GetTogetherTxt{
  font-weight: 400;
  color: #383838;
  line-height: 50px;
  font-size: 16px;
  padding: 0 20px;
}
.Getclose{right: 15px;top: 15px;}
.GetTogetherCon{padding: 0 20px}
.ResetStyle{
  font-size: 0;
  margin-bottom: 25px;
  text-align: left;
}
.ResetStyle .span1,.ResetBook .span1{
  font-size: 16px;
  color: #666;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 36px;
  width: 85px;
  margin-right: 20px;
  text-align: right;
}
.ResetStyle ul{display: inline-block;vertical-align: top}
.ResetStyle ul li{
  display: inline-block;
  vertical-align: top;
  width: 100px;
  margin: 0 65px 15px 15px;
  cursor: pointer;
  position: relative;
}
.ResetStyle ul li dt{
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.ResetStyle ul li dt.m1{background-image: url("../images/multi-style-1.png");}
.ResetStyle ul li dt.m2{background-image: url("../images/multi-style-2.png");}
.ResetStyle ul li dt.m3{background-image: url("../images/multi-style-3.png");}
.ResetStyle ul li dd{
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  color: #999;
  margin-top: 8px;
}
.ResetStyle ul li i{
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #bfcfd9;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
}
.ResetStyle ul li i.active{border: 5px solid #0093d4;}
.ResetStyle ul li:hover dt{
  border: 1px solid #0093d4;
  opacity: 0.5;
}
.ResetBook{border-top: 1px dotted #eee}
.ResetNumber{
  font-size: 12px;
  color: rgb(0, 147, 212);
  position: relative;
}
.rad{color: rgb(0, 147, 212);}
.ResetNumber span.lf{
  line-height: 36px;
  color: #999;
  padding-left: 20px;
}
.ResetNumber input{
  width: 220px;
  padding: 0 30px 0 10px;
  height: 36px;
  line-height: 36px;
  border: 0;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  box-sizing: border-box;
}
.RNBtns{
  position: absolute;
  width: 14px;
  height: 14px;
  right: 10px;
  top: 10px;
  border: 0;
  background-color: #fff;
  background-repeat:no-repeat;
  background-position: 98% center;
  background-image: url("../images/fdj.png");
  cursor: pointer;
}
.ResetImgList{min-height: 300px;margin-top: 40px}
.ResetImgListCon{
  position: relative;
  padding: 2px;
  width: 94px;
  height: 94px;
  border: 1px solid #ddd;
  box-sizing: content-box;
  cursor: pointer;
  margin-bottom: 20px;
  float:left;
  margin-right: 15px;
}
.ResetImgListCon img{
  width: 94px;
  height: 94px;
}
.ResetImgListCon i{
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-color: #fff;
  z-index: 20;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #eee;
}
.ResetImgListCon i.active{
  background-color: #0093d4;
  background-image: url("../images/dd.png");
}
/*  页面2新增蒙版  */
.CopyMed{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  background-color: rgba(0,0,0,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  z-index: 300;
  display: none;
}
.CopyPre,.CopyPres1{
  width: 460px;
  position: relative;
  padding: 0 20px 30px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
  top: 0;
  margin: 0 auto;
  opacity: 0;
  display: none;
}
.CopyPre .h3,.CopyPres1 .h3{
  line-height: 50px;
  font-size: 16px;
  color: #383838;
  font-weight: bold;
}
.CopyLabel input{
  padding-left: 10px;
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.CopyLabel input:focus{border: 1px solid #0093d4}
.CopyLabel1{
  color: #666;
  margin: 30px 0;
}
/*页面4问号图标*/
.toolTip-icon{
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../images/help-normal.png") no-repeat 50%;
  vertical-align: sub;
  cursor: pointer;
}
.AppendText{
  width: 1259px;
}
.DeleteText{
  display: none;
  position: absolute;
  left: 94%;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  text-align: center;
  color: #0093d4;
  cursor: pointer;
  opacity: 0.8;
}
.NameMain .title{
  font-size: 16px;
  font-weight: 700;
  color: #333;
  display: inline-block;
  margin: 10px 0;
  line-height: 10px;
}
.NameMain .sub-title{
  font-size: 14px;
  color: #333;
  margin: 10px 0;
  line-height: 14px;
  clear:both;
}
.radio-btn-group>li{
  display: inline-block;
  float: left;
  list-style: none;
  font-size: 16px;
  padding: 0 15px;
  line-height: 32px;
  border: 1px solid #edeef5;
  text-align: center;
  border-radius: 4px;
  color: #333;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  background: #fff;
}
.item-group{
  padding-bottom: 5px;
  border-bottom: 1px solid #edeef5;
  height: 130px;
}
.NameMain_s2 .count{
  margin-bottom: 6px;
  margin-top: 10px;
  clear:both;
}
.el-checkbox{
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  left: -999px;
}
.el-checkbox__inner{
  display: inline-block;
  position: relative;
  border: 1px solid #bfcfd9;
  border-radius: 4px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  background-color: #fff;
  z-index: 1;
  transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
}
.el-checkbox__input{
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #0093d4;
    border-color: #0187c1;
}
.el-checkbox__inner:after {
    box-sizing: content-box;
    content: "";
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 8px;
    left: 5px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(1);
    width: 4px;
    transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;
    transform-origin: center;
}
.ProblemTxtMedLine{
  position: absolute;
  bottom: -44px;
  left: 0;
  width: 330px;
  height: 30px;
  padding: 5px;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #ddd;
  z-index: 300;
  color: #666;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
  display: none;
}
.PTMConUp:before {
    content: '';
    position: absolute;
    left: 15%;
    margin-left: -3px;
    top: -10px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 6px solid #bbb;
}
.item-line1,.item-line2,.item-line3{
  box-sizing: border-box;
  text-align: left;
  font-size: 0px;
  position: relative;
  bottom: 0px;
  padding: 0px 2px;
}
.line1-img{
  width: 100%;
  display: inline-block;
  /*padding: 0px 2px 5px;*/
  box-sizing: border-box;
  vertical-align: middle;
}
.line2-img{
  width: 50%;
  display: inline-block;
  padding: 0px 2px 5px;
  box-sizing: border-box;
  vertical-align: middle;
}
.line3-img{
  width: 33.3333%;
  display: inline-block;
  padding: 0px 2px 5px;
  box-sizing: border-box;
  vertical-align: middle;
}
.SearchLabel span{
	  display: inline-block;
    vertical-align: top;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    margin-right: 15px;
}
.icon-three:before{
  content: '';
  position: absolute;
  right: 21%;
  top: 14px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 6px solid rgb(191,207,217);
}
.icon-three-up:before{
  -webkit-transform: rotate(180deg);
}
[class*=" el-icon-"], [class^=el-icon-] {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-row {
  position: relative;
  box-sizing: border-box;
}

.el-col-12 {
  width: 43%;
  float:left;
}

.message-content[data-v-62754c1c] {
  background: #fff;
  height: 280px;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #edeef5;
}

.title[data-v-62754c1c] {
  color: #999;
  font-size: 12px;
  margin-bottom: 30px;
}

.title > span[data-v-62754c1c] {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin-right: 10px;
}

.content[data-v-62754c1c] {
  color: #666;
  font-size: 14px;
  line-height: 2;
}

.content > span[data-v-62754c1c] {
  display: block;
  margin-top: 20px;
  color: #999;
}
.duplicate-icon {
  width: 15px;
  height: 7px;
  background: url(../images/duplicate-order.png) no-repeat;
}